import React from 'react';
import { Card } from 'antd';

const WeatherWidget: React.FC = () => {
  return (
    <Card 
      title="天气" 
      size="small" 
      className="h-full"
      styles={{ body: { padding: '12px' } }}
    >
      <div className="flex items-center justify-between">
        <div>
          <div className="text-2xl font-bold">22°C</div>
          <div className="text-gray-500 text-sm">晴天</div>
        </div>
        <div className="text-right">
          <i className="i-mdi-weather-sunny text-3xl text-yellow-500" />
          <div className="text-xs text-gray-400 mt-1">北京</div>
        </div>
      </div>
      <div className="mt-3 text-xs text-gray-500">
        <div className="flex justify-between">
          <span>湿度: 45%</span>
          <span>风速: 3km/h</span>
        </div>
      </div>
    </Card>
  );
};

export default WeatherWidget;